<!DOCTYPE HTML>
<html lang="ko">
<head>
<title>Galaxy Pro! 태블릿의 기준을 바꾸다</title>
<meta charset="utf-8">
<meta name="viewport" content="width=360">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" type="text/css" href="./css/m_gal_tab.css" media="all">
<script type="text/javascript" src="./js/jQuery.js" charset="utf-8"></script>
<script type="text/javascript" src="./js/m_gal_tab.js"></script>
</head>
<body>

<div class="gxm-wp">
	<div class="gxm-head">
		<h1><a href="./m_main.html"><img src="./images/h1_pro.gif" alt="Pro! 태블릿의 기준을 바꾸다" /></a></h1>
		<a href="#" class="call-menu">메뉴 여닫기</a>
		<ul class="gxm-menu">
			<li><a href="./m_product.html"><img src="./images/menu_product.gif" alt="Product" /></a></li>
			<li><a href="./m_event_list.html"><img src="./images/menu_event.gif" alt="Event" /></a></li>
			<li><a href="./m_ambassador.html"><img src="./images/menu_ambassador.gif" alt="Ambassador" /></a></li>
		</ul>
	</div><!-- // gxm-head -->

	<div class="gxm-body">
		<div class="main-front swipe-hook" id="mainSwipehook">
			<div class="swipe-item-wrap">
				<p class="swipe-item"><img src="./images/banner/main_front_1.jpg" alt="Note pro, Tab pro" usemap="#mainMap1" /></p>
				<p class="swipe-item"><img src="./images/banner/main_front_2.jpg" alt="프로들을 ~" usemap="#mainMap2" /></p>
				<p class="swipe-item"><img src="./images/banner/main_front_3.jpg" alt="프로들을 ~" usemap="#mainMap3" /></p>
			</div>
			<div id="swipe-nav" class="swipe-nav"></div>
		</div>
		
		<map name="mainMap1" id="mainMap1">
			<area shape="rect" href="#" coords="54,152,196,196" alt="Note pro 자세히 보기" />
			<area shape="rect" href="#" coords="536,544,680,588" alt="Tab pro 자세히 보기" />
		</map>
		<map name="mainMap2" id="mainMap2">
			<area shape="rect" href="#" coords="54,152,196,196" alt="Note pro 자세히 보기" />
			<area shape="rect" href="#" coords="536,544,680,588" alt="Tab pro 자세히 보기" />
		</map>
		<map name="mainMap3" id="mainMap3">
			<area shape="rect" href="#" coords="54,152,196,196" alt="Note pro 자세히 보기" />
			<area shape="rect" href="#" coords="536,544,680,588" alt="Tab pro 자세히 보기" />
		</map>
		<ul class="gxm-foot-link">
			<li><a href="./pop_event_2.html" target="_blank"><img src="./images/foot_link_1.gif" alt="태블릿 통합사이트 오픈기념 이벤트. 프로가 되다" /></a></li>
			<li><a href="#"><img src="./images/foot_link_2.gif" alt="Ambassdor" /></a></li>
		</ul>
	</div><!-- // gxm-body -->
	<script>
		var _UX_mySwipe = Swipe(document.getElementById('mainSwipehook'), {
		//	auto: 3000,
		//	continuous: true,
			callback: function(pos) {
				var i = bullets.length;
				while (i--) {
					bullets[i].className = ' ';
				}
				bullets[pos].className = 'active';
			}
		});
		for (var j=0; j<$('#mainSwipehook .swipe-item').length; j++ ){
			$('<a href="#"></a>').appendTo($('#swipe-nav')).bind('click', function(){
				var eq = $('#swipe-nav a').index($(this));
				_UX_mySwipe.slide(eq);
			});
		}
		
		var bullets = $('#swipe-nav a');
		bullets.eq(0).addClass('active');
	</script>

</div><!-- // gxm-wp -->

</body>
</html>